export const menu = [
  {
    title: "基础知识",
    index: "1",
    icon: "Sunrise",
    nav: [
      {
        index: "1-1",
        name: "首页",
        url: "/",
      },
      {
        index: "1-2",
        name: "执行时机",
        url: "/1-2",
      },
      {
        index: "1-21",
        name: "函数渲染",
        url: "/1-21",
      },
      {
        index: "1-3",
        name: "包含时机",
        url: "/1-3",
      },
      {
        index: "1-4",
        name: "钩子函数",
        url: "/1-4",
      },
      {
        index: "1-5",
        name: "ref响应式变化",
        url: "/1-5",
      },
      {
        index: "1-6",
        name: "reactive响应式变化",
        url: "/1-6",
      },
      {
        index: "1-7",
        name: "变量修改",
        url: "1-7",
      },
      {
        index: "1-8",
        name: "组合与选项对比",
        url: "/1-8",
      },
      {
        index: "1-9",
        name: "模板引用",
        url: "/1-9",
      },
      {
        index: "1-10",
        name: "侦听模板引用",
        url: "/1-10",
      },
      {
        index: "1-11",
        name: "变量侦听",
        url: "/1-11",
      },
      {
        index: "1-12",
        name: "watch 侦听",
        url: "/1-12",
      },
      {
        index: "1-13",
        name: "watchEffect 侦听",
        url: "/1-13",
      },
    ],
  },
  {
    title: "其他特征",
    index: "2",
    icon: "Sunny",
    nav: [
      {
        index: "2-1",
        name: "toRef与toRefs",
        url: "/2-1",
      },
      {
        index: "2-2",
        name: "toRaw和markRaw",
        url: "/2-2",
      },
      {
        index: "2-3",
        name: "customRef 函数",
        url: "/2-3",
      },
      {
        index: "2-4",
        name: "Suspense 组件",
        url: "/2-4",
      },
    ],
  },
  {
    title: "全局变量",
    index: "3",
    icon: "Ship",
    nav: [
      {
        index: "3-1",
        name: "全局变量",
        url: "/3-1",
      },
      {
        index: "3-2",
        name: "请求封装",
        url: "/3-2",
      },
    ],
  },
  {
    title: "hooks封装",
    index: "4",
    icon: "MostlyCloudy",
    nav: [
      {
        index: "4-1",
        name: "对象封装",
        url: "/4-1",
      },
      {
        index: "4-2",
        name: "逻辑封装",
        url: "/4-2",
      },
      {
        index: "4-3",
        name: "深度封装",
        url: "/4-3",
      },
    ],
  },
  {
    title: "组件传参",
    index: "5",
    icon: "PartlyCloudy",
    nav: [
      {
        index: "5-1",
        name: "父与子传参",
        url: "/5-1",
      },
      {
        index: "5-2",
        name: "包含传参",
        url: "/5-2",
      },
      {
        index: "5-3",
        name: "slot传参",
        url: "/5-3",
      },
      {
        index: "5-4",
        name: "并列传参",
        url: "/5-4",
      }
    ],
  },
  {
    title: "路由配置",
    index: "6",
    icon: "Sunset",
    nav: [
      {
        index: "6-1",
        name: "查询字符传参",
        url: "/6-1?a=123&b=456",
      },
      {
        index: "6-2",
        name: "变量传参",
        url: "/6-1/789",
      },
      {
        index: "6-3",
        name: "收藏重定向",
        url: "/error",
      },
      {
        index: "6-4",
        name: "任意处理",
        url: "/6-4",
      },
      {
        index: "6-5",
        name: "嵌套显示",
        url: "/list",
      },
    ],
  },
  {
    title: "全局状态",
    index: "7",
    icon: "Drizzling",
    nav: [
      {
        index: "7-1",
        name: "组件调用",
        url: "/7-1",
      },
      {
        index: "7-2",
        name: "全局共用",
        url: "/7-2",
      },
    ],
  },
  {
    title: "性能优化",
    index: "8",
    icon: "Lightning",
    nav: [
      {
        index: "8-1",
        name: "组件切换",
        url: "/8-1",
      },
      {
        index: "8-2",
        name: "购物车示例",
        url: "/car",
      },
      {
        index: "8-3",
        name: "图片优化",
        url: "/8-3",
      },
      {
        index: "8-4",
        name: "多请求加载",
        url: "/8-4",
      },
      {
        index: "8-5",
        name: "加载大量数据",
        url: "/8-5",
      }
    ],
  },
  {
    title: "案例应用",
    index: "9",
    icon: "Moon",
    nav: [
      {
        index: "9-1",
        name: "echarts",
        url: "/9-1",
      }
    ],
  },
];
export const base = {
  title: "Vue3 核心与应用",
  footer: "xx公司版权所有",
  user: "tgrong",
  winH: document.documentElement.clientHeight,
};
